.song-header {
  width     : 100%;
  
  color     : white;
}

.main-zhuti{
  background: -webkit-linear-gradient(left, rgb(228, 153, 144), rgb(245, 145, 145));
}

.song-hea-title {
  display: flex;
  padding: 15px;
}

.left-wrap {
  flex: 1;
}

.left-wrap>img {
  width: 100%;
  border-radius: 3px;
}

.right-wrap {
  flex       : 2;
  margin-left: 2vw;
  align-items: center;
  position   : relative;
}

.left-wrap {}

.left-worp>img {}

.right-wrap {}

.ri-title {
  margin    : 0px;
  text-align: left;
  font-size : 1rem;
}

.ri-center-wrap {
  display    : flex;
  align-items: center;
  margin-top : 1vh;
}

.ri-center-wrap>i {}

.center-img {}

.center-img>img {
  width        : 3vh;
  border-radius: 100%;
}

.cen-txt {
  margin: 0px 2vw;
}

.footer-txt {
  position          : absolute;
  bottom            : 0;
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align        : left;
}

.hea-list {}

.hea-icons>.iconfont {
  color: white;
}

.hea-list-items {
  display        : flex;
  margin         : 0px;
  padding        : 0 2vh 2vh 2vh;
  justify-content: space-between;
}

.hea-item {
  width     : 20%;
  list-style: none;

}

.hea-item-txt {
  margin   : 1vh 0 0 0;
  font-size: 10px;
}

.song-mainContent {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: white;
}

.ma-mcHeader {
  padding    : 2vh;
  position   : relative;
  display    : flex;
  align-items: center;
  overflow   : hidden;
}

.ma-mc-icon {}

.ma-mc-icon>.icon-bofang1 {
  height: 100%;
  color : rgb(184, 180, 176);
}

.ma-mc-bof {
  margin-left: 2vw;
}

.trackCount {
  color      : #666666;
  font-size  : 10px;
  margin-left: 1vw;
}

.subscribedCount {
  background-color: rgb(235, 36, 36);
  height          : 60%;
  width           : 30%;
  border-radius   : 1.5rem;
  position        : absolute;
  right           : 0;
  transform       : translateX(-2vh);
  display         : flex;
  align-items     : center;
  justify-content : center;
  color           : white;
}

.detail-ul>ul {
  padding   : 0px;
  color: #666666;
}

.detail-li {
  list-style : none;
  display    : flex;
  align-items: center;
  height     : 9vh;
}

.det-li-id {
  flex: 1;
}

.det-li-dv {
  flex      : 5;
  text-align: left;
}

.det-li-dv>p {
  margin: 0;
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.det-li-titke {
  font-weight: 500;
  margin-bottom: 5px !important;
  font-size: 1rem;
  color: black;
}

.det-li-info{
  font-size: 0.5rem;
}

.det-li-rightIcon {
  flex: 1;
}